<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/order/confirmorder.css" />
	</head>

	<body>
		<!--v-show="userAddress"-->
		<div id="confirm" v-cloak v-show="total">
			<header class="mui-bar mui-bar-nav">
				<a class="mui-action-back mui-icon mui-icon-arrowleft mui-pull-left"></a>
				<h1 class="mui-title">确定订单</h1>
			</header>
			<div class="mui-content">
				<div class="userinfo" @tap="openAddress">
					<div class="position_img"><img src="../../images/position.png" /></div>
					<div class="position" v-if="userAddress">
						<div>收货人：{{userAddress.receiver}}</div>
						<div>联系方式：{{userAddress.mobile}}</div>
						<div>收货地址：{{userAddress.province + userAddress.city + userAddress.area}}</div>
					</div>
					<div v-else class="nocity">
						请选择地址
					</div>
				</div>
				<div class="prompt_you">满449元免邮<span>（海外、港澳台、新疆、青海、西藏除外）</span></div>

				<div class="shop_list" v-for="shopCarts in shopCarts">
					<div class="storename">{{shopCarts.shopName}}</div>
					<div class="shop_data" v-for="cartItems in shopCarts.cartItems">
						<div class="shop_img"><img v-lazy="imgCommonUrl+cartItems.pic" /></div>
						<div class="shop_msg">
							<div>
								<div class="shop_text">{{cartItems.prodName}}</div>
								<div class="money">¥{{cartItems.price}}</div>
							</div>
							<div v-for="child in cartItems.child">
								<div class="shop_spec">{{child.cnProperties}}</div>
								<div>X{{child.basketCount}}</div>
							</div>

						</div>
					</div>
					<div class="words">
						<div>卖家留言</div>
						<div class="words_input"><input type="text" placeholder="选填" v-model="shopCarts.remarkText" /></div>
					</div>
				</div>

				<div class="order_total">
					<ul>
						<li class="mui-table-view-cell" @tap="openOrderCoupons">
							<a class="mui-navigate-right">
								<span class="mui-badge">{{getOrderCoupons.length}}张可用</span> 优惠券
							</a>
						</li>
						<li class="mui-table-view-cell">
							<span class="mui-badge">￥{{total.orderTotalCash}}</span>商品合计
						</li>
						<li class="mui-table-view-cell">
							<span class="mui-badge">￥{{total.orderFreightAmount}}</span>运费
						</li>

						<li class="mui-table-view-cell">
							<span class="mui-badge">￥{{useChoice.offPrice || 0}}</span> 优惠券
						</li>
						<li class="mui-table-view-cell clsopen" href="invoice.html">
							<a class="mui-navigate-right">
								<span class="mui-badge">{{invoice==''?'不开发票':'明细 '+ invoice.company}}</span> 发票信息
							</a>
						</li>
					</ul>
				</div>

			</div>
			<div class="order_footer">
				<div>合计：<span>￥{{total.orderActualTotal - (useChoice.offPrice || 0)}}元</span></div>
				<div>
					<button type="button" class="mui-btn mui-btn-danger" @tap="submitOrder">提交订单</button>
				</div>
			</div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/zepto.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/libs/vue-lazyload.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/order/confirmorder.js"></script>
	</body>

</html>